<!DOCTYPE html>
<head>
    <meta charset="utf-8"/>
    <title>心内科诊断大数据</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <link href="css/index.css?version=1.2.1" rel="stylesheet" type="text/css"/>
    <link href="css/style.css?version=1.2.1" rel="stylesheet" type="text/css"/>
</head>

<body>
<div class="content_absolute" id="app">
    <div class="map-container">
        <div id="map-container" style="z-index: 99;width: 100%;height: 100%"></div>
    </div>

    <div class="main_top clearfix">
        <div class="main-top-title">
            <div class="title-contents">
                <img class="top_img" src="assets/topBack.png"/>
                <h2 class="first-title">湖北省大数据平台</h2>
            </div>
        </div>
        <div class="contents-left pull-left">
            <div class="content-item content-top">
                <div class="content-title text-title">
                    <img class="animate_img" src="assets/animate_01.png"/>
                    <div class="title-text">患者人数</div>
                </div>
                <div class="top-items">
                        <div class="item-container">
                            <div id="top-item-text-big" class="top-item-text-big">
                                </div>
                        </div>
                </div>
            </div>
            <div class="content-item content-top2">
                <div class="content-title text-title">
                    <img class="animate_img" src="assets/animate_01.png"/>
                    <div class="title-text">患者人数排名</div>
                </div>
                <div class="top-items-top">
                    <div style="width: 100%;height: 100%" id="patient-bar"></div>
                </div>
            </div>
            <div class="content-item content-top2">
                <div class="content-title text-title">
                    <img class="animate_img" src="assets/animate_01.png"/>
                    <div class="title-text">临床缓解率排名</div>
                </div>
                <div class="top-items-top">
                    <div style="width: 100%;height: 100%" id="patient-bar2"></div>
                </div>
            </div>
        </div>
        <div class="contents-right pull-right">
            <div class="content-item content-top-right">
                <div class="content-title text-title">
                    <img class="animate_img" src="assets/animate_01.png"/>
                    <div class="title-text">整体分布</div>
                </div>
                <div class="top-items">
                    <div class="top-item">
                        <div class="item-container">
                            <canvas id="awareness-Canvas">您的浏览器不支持Canvas标签！</canvas>
                            <div class="top-item-text">信息完整度</div>
                        </div>
                    </div>
                    <div class="top-item">
                        <div class="item-container">
                            <canvas id="cure-Canvas">您的浏览器不支持Canvas标签！</canvas>
                            <div class="top-item-text">临床缓解率</div>
                        </div>
                    </div>
                    <div class="top-item">
                        <div class="item-container">
                            <canvas id="control-Canvas">您的浏览器不支持Canvas标签！</canvas>
                            <div class="top-item-text">生化缓解率</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-item content-center" style="margin-top: 40px">
                <div class="content-title text-title">
                    <img class="animate_img" src="assets/animate_01.png"/>
                    <div class="title-text">年龄分布</div>
                </div>
                <div class="center-items">
                    <div class="center-item">
                        <div class="item-container item-container2">
                            <div id="center-item-age" class="center-item-canvas"></div>
                            <div class="top-item-text">年龄分布</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-item content-bottom">
                <div class="content-title text-title">
                    <img class="animate_img" src="assets/animate_01.png"/>
                    <div class="title-text">性别分布</div>
                </div>
                <div class="bottom-items">
                    <div class="item-container3">
                        <div class="radar"></div>
                        <div class="radar2"></div>
<!--                        <img id="bg-level" class="item-canvas-bg" src="assets/cricle.png"/>-->
                        <div id="center-item-sex" style="width: 100%;height: 100%"></div>
                        <div class="top-item-text2">性别分布</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main_bottom">
        <div class="item1">
            <div class="main-bottom-title text-title">
                <img class="animate_img" src="assets/animate_01.png"/>
                <div class="title-text">病种分布</div>
            </div>
            <div id="main-bottom-canvas2" class="main-bottom-canvas"></div>
        </div>
        <div class="item2">
            <div class="main-bottom-title text-title">
                <img class="animate_img" src="assets/animate_01.png"/>
                <div class="title-text">新增病例</div>
                <div class="time">
                    <div class="time-select t1 active-time">周</div>
                    <div class="time-select t2">月</div>
                    <div class="time-select t3">年</div>
                </div>
            </div>
            <div id="main-bottom-canvas" class="main-bottom-canvas"></div>
        </div>
    </div>
</div>


<canvas id="main_home_canvas"></canvas>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="common/echarts.js" type="text/javascript"></script>
<!--<script src="common/echarts-all2.js"></script>-->
<script src="common/std-echart.js?version=1.1.1" type="text/javascript"></script>
<script src="common/main_public.js?version=1.2.4" type="text/javascript"></script>
<script src="common/public-data.js" type="text/javascript"></script>
<script src="js/tagcanvas.js"></script>
<script src="js/percircle.js"></script>
<script src="js/starcanvas.js"></script>
<script src="js/index.js?version=1.2.1"></script>
<script src="common/common.js?version=1.1.1" type="text/javascript"></script>
<script src="common/jquery.waypoints.min.js"></script>
<script src="common/countup.js"></script>
<script src="common/area.js"></script>
</body>
</html>
